<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<div id="output"></div>
<body>
<!--Js函数中的参数，在内部，是用一个叫arguments的类数组对象存储的，用arguments[i]可访问每一个参数,length属性可获取实参的个数。
请用以上知识编写函数displayItems()实现: 无论是displayItems('dog','cat','bear') ,还是 displayItems('dog','cat') ...不确定的参数个数都能调用该函数，并能将实参逐个分行显示在页面中。 -->
<script>
  function displayItems() {
    var output = document.getElementById('output');
    output.innerHTML = '';

    for (var i = 0; i < arguments.length; i++) {
      var item = arguments[i];
      var itemElement = document.createElement('p');
      itemElement.textContent = item;
      output.appendChild(itemElement);
    }
  }

  displayItems('dog', 'cat', 'bear');
  displayItems('apple', 'banana', 'cherry', 'date');
</script>

</body>
</html>

